body {
    font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

textarea {
    resize: none
}

.logo-lg-wrapper {
    margin: 5px;
}

.logo-lg {
    max-width: 60%;
    height: auto;
    margin: auto;
}

.page-title {
    font-size: 16px;
    color: #009999;
}

.content-header {
    position: relative;
    padding: 20px 40px 20px 40px;
}

.content-wrapper-bg {
    background-color: #f6f6f6;
}

.content-header h4 {
    font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
}

.content {
    min-height: 250px;
    padding: 0 40px 0 40px;
    /*padding-bottom: 0;*/
    margin-right: auto;
    margin-left: auto;
    /*padding-left: 40px;*/
    /*padding-right: 40px;*/
}

.table-header-line {
    border-top: 2px solid #41aaaa;
}

.box.box-primary {
    border-top-color: #41aaaa;
}

.table-header {
    height: 50px;
    background-color: #ebf0f5;
    text-align: center;
    font-weight: 600;
    color: #666;
    border-right: 1px solid #cdd9e1;
    border-bottom: 1px solid #cdd9e1;
}

.dataTable-footer-padding {
    padding: 10px;
}

.table-body {
    height: 54px;
    text-align: center;
    color: #666;
    border-right: 1px solid #cdd9e1;
    border-bottom: 1px solid #cdd9e1;
}

a.hollow-button-green {
    border: 1px solid #41aaaa;
    border-radius: 5px;
    color: #41aaaa;
    font-size: 12px;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 2;
    display: inline-block;
    margin: 0 auto;
}

a.hollow-button-green:hover {
    background-color: #41aaaa !important;
    color: #fff;
}

a.hollow-button-purple {
    border: 1px solid #af235f;
    border-radius: 5px;
    color: #af235f;
    font-size: 12px;
    width: 80px;
    height: 30px;
    line-height: 2;
    text-align: center;
    display: inline-block;
    margin: auto;
}

a.hollow-button-purple:hover {
    background-color: #af235f;
    color: #fff;
}

a.solid-button-gray {
    border: 1px solid #aebfca;
    background-color: #aebfca;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 2.4;
    text-align: center;
    display: inline-block;
}

a.solid-button-orange {
    border: 1px solid #ffb900;
    background-color: #ffb900;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    height: 30px;
    width: 100px;
    line-height: 2.4;
    text-align: center;
    display: inline-block;
}

a.solid-button-blue {
    border: 1px solid #50bed7;
    background-color: #50bed7;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 2.4;
    text-align: center;
    display: inline-block;
}

a.solid-button-green {
    border: 1px solid #41aaaa;
    background-color: #41aaaa;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 2;
    display: inline-block;
    margin-left: 30px;
    margin-top: 50px;
}

/*adminLte*/
.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
    color: #fff;
    background: #2d373c;
    border-left-color: #009999;
    border-left-width: 6px;
}

/*.sidebar-menu>li>a {*/
/*padding: 31px 5px 31px 15px;*/
/*display: block;*/
/*}*/

/*   dataTables  css start */
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 2px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    text-align: center;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    background-color: #ebf0f5;
    height: 34px;
}

.table > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    height: 54px;
    word-break: break-all;
}

.table-condensed > tbody > tr > td {
    height: 30px;
    border: none;
}

td.details-control {
    background: url(../images/details_open.png) no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url(../images/details_close.png) no-repeat center center;
}

/*   dataTables  css  end  */
.load {
    background: url(../images/checkload.gif) no-repeat;
    font-size: 12px;
    width: 148px;
    margin-left: 8px;
    padding: 0 0 7px 25px;
    line-height: 18px;
    height: 38px;
    color: #999;
    overflow: hidden;
}

.yes {
    background: url(../images/yes.png) no-repeat;
    font-size: 12px;
    width: 148px;
    margin-left: 8px;
    padding: 0 0 8px 25px;
    line-height: 35px;
}

.no {
    background: url(../images/no.png) no-repeat;
    font-size: 12px;
    color: #F00;
    margin-left: 8px;
    padding: 0 0 6px 25px;
    line-height: 38px;
}

table.dataTable {
    clear: both;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

.btn-add {
    background-color: #41aaaa;
    border-color: #41aaaa;
    color: #fff;
}

.btn-add:hover, .btn-add:active, .btn-add:link, .btn-add:visited {
    color: #fff;
}

.btn {
    border-radius: 5px;
    font-size: 12px;
}

.image-css {
    width: 40%;
    height: 80px;
}

.sie-left-name {
    color: #666;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 400;
    text-align: right;
}

.sie-right-text{
    color: #666;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 400;
    text-align: left;
}

.sie-input-border {
    display: inline;
    border-radius: 5px;
    border-color: #aabfcb;
    margin-right: 10px;
}

.sie-textarea-border {
    border-radius: 5px;
    border-color: #aabfcb;
    width: 278px;
}

.sie-input-uwh {
    width: 200px;
    height: 30px;
}

.form-group-change {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 30px;
}

.sie-u-avatar {
    width: 130px;
    height: 110px;
    background-color: #e3e9ea;
    border-radius: 5px;
}

.sie-u-avatar img {
    width: 130px;
    height: 110px;
    border-radius: 5px;
}

.sie-u-avatar .img {
    width: 130px;
    height: 110px;
    border-radius: 5px;
    background-size: cover;
}

.sie-padding-top {
    padding: 35px;
}

a.dashes-button-lightBlue {
    display: block;
    border-style: dashed;
    width: 100px;
    height: 30px;
    border-color: #41aaaa;
    border-radius: 5px;
    border-width: 1px;
    margin-top: 20px;
}

a.dashes-button-lightBlue:hover, a.dashes-button-lightBlue:active, a.dashes-button-lightBlue:link, a.dashes-button-lightBlue:visited {
    color: #41aaaa;
}

.sie-select-change {
    padding: 2px 6px;
    height: 30px;
    width: 90px;
}

.sie-btn-group {
    /*  width: auto;*/
    text-align: center;
}

.sie-btn-group a {
    display: inline-block;
    margin:5px 8px;
    color: #666666;
    text-decoration: none;
}

.sie-btn-group span {
    display: block;
    font-size: 12px;
}

.sie-btn-group a .sie-btn-edit {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/edit_visited.png);

}

.sie-btn-group a:hover .sie-btn-edit {
    background-image: url(../images/edit_hover.png);
}

.sie-btn-group a:hover .sie-btn-edit + span {
    color: #50bed7;
}

.sie-btn-group a .sie-btn-info {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/user_visited.png);

}

.sie-btn-group a:hover .sie-btn-info {
    background-image: url(../images/user_hover.png);
}

.sie-btn-group a:hover .sie-btn-info + span {
    color: #50bed7;
}

.sie-btn-group a .sie-btn-reset {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/password_visited.png);

}

.sie-btn-group a:hover .sie-btn-reset {
    background-image: url(../images/password_hover.png);
}

.sie-btn-group a:hover .sie-btn-reset + span {
    color: #Eb780a;
}

.sie-btn-group a .sie-btn-delete {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/del_visited.png);
}

.sie-btn-group a:hover .sie-btn-delete {
    background-image: url(../images/del_hover.png);
}

.sie-btn-group a:hover .sie-btn-delete + span {
    color: #af235f;
}

.sie-btn-group a .sie-btn-start {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/start_visited.png);
}

.sie-btn-group a:hover .sie-btn-start {
    background-image: url(../images/start_hover.png);
}

.sie-btn-group a:hover .sie-btn-start + span {
    color: #50bed7;
}

.sie-btn-group a .sie-btn-stop {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/for_visited.png);
}

.sie-btn-group:hover a:hover .sie-btn-stop {
    background-image: url(../images/for_hover.png);
}

.sie-btn-group a:hover .sie-btn-stop + span {
    color: #af235f;
}

.sie-btn-group a .sie-btn-manage {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/manage_visited.png);
}

.sie-btn-group:hover a:hover .sie-btn-manage {
    background-image: url(../images/manage_hover.png);
}

.sie-btn-group a:hover .sie-btn-manage + span {
    color: #50bed7;
}

.sie-btn-group a .sie-btn-setting {
    height: 21px;
    width: 21px;
    display: inline-block;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center 52%;
    background-image: url(../images/setup_visited.png);
}

.sie-btn-group:hover a:hover .sie-btn-setting {
    background-image: url(../images/setup_hover.png);
}

.sie-btn-group a:hover .sie-btn-setting + span {
    color: #005f87;
}

.sie-head-add {
    width: 120px;
    height: 30px;
    line-height: 1;
    color: #41aaaa;
    padding-top: 8px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #41aaaa;
}

.sie-head-add:hover, .sie-head-add:active {
    background-color: #41aaaa;
    color: #fff;
}

.sie-head-blue {
    width: 120px;
    height: 30px;
    line-height: 1;
    color: #50bed7;
    padding-top: 8px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #50bed7;
}

.sie-head-blue:hover, .sie-head-blue:active {
    background-color: #50bed7;
    color: #fff;
}

.sie-progress-width {
    margin-top: 10px;
    width: 130px;
    margin-bottom: 0;
}

.sie-avatar-parent {
    width: 130px;
    text-align: center;
}

.sie-u-avatar .sie-btn-remove {
    display: block;
    background-color: #ddd;
    position: absolute;
    font-size: 20px;
    line-height: 0.8;
    left: 130px;
    color: red;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.sie-search-parent {
    float: right;
    margin-right: 2px;
    position: relative;
    vertical-align: middle;
    top: 4px;
    width: 25%;
}

.sie-search-parent .sie-search-input {
    border-radius: 5px;
    border-color: #adbecb;
}

.sie-search-parent .sie-search-img {
    position: absolute;
    top: 8px;
    right: 12px;
}

.sie-calendar-parent {
    display: inline-block;
    position: relative;
}

.sie-calendar-parent .sie-calendar-input {
    width: 130px;
    height: 30px;
    border-radius: 5px;
    border-color: #adbecb;
    background-color: #fff;
    color: #000;
}

.sie-calendar-parent .sie-calendar-img {
    position: absolute;
    top: 8px;
    right: 12px;
    cursor: pointer;
}

.background_fff {
    background-color: #fff;
    color: #000;
}

.background_click {
    background-color: #41aaaa;
    color: #fff;
}

.sie-date-btn {
    width: 60px;
    height: 25px;
    border-radius: 4px;
    border: none;
    color: #666;
    display: inline-block;
    line-height: 25px;
    text-align: center;
}

.btn-selector {
    background-color: #50bed7;
    color: #fff !important;
}

.radio {
    background: url(../images/check.png) no-repeat;
    padding-left: 20px;
    display: inline-block;
    color: #999;
    cursor: pointer;
}

.radio.selected {
    background: url(../images/checked.png) no-repeat;
}

.sie-flex-box {
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    justify-content: flex-start;
}

.sie-flex-box .sie-flex-item {
    margin-right: 8px;
}

.item-access {
    cursor: pointer;
}

.sie-flex-box .sie-flex-item span {
    display: inline-block;
    vertical-align: top;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.sie-checkbox {
    display: inline-block;
    border: 1px solid #50bed7;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    vertical-align: top;
}

.sie-flex-box .item-checked .sie-checkbox.checked:after {
    content: "";
    border-radius: 3px;
    height: 12px;
    width: 12px;
    top: 1px;
    left: 1px;
    background-color: #50bed7;
    position: absolute;
}

.sie-flex-container .item-checked .sie-checkbox.checked:after {
    content: "";
    border-radius: 3px;
    height: 12px;
    width: 12px;
    top: 1px;
    left: 1px;
    background-color: #50bed7;
    position: absolute;
}

/*显示提示信息*/
.message-box {
    position: absolute;
    width: 100px;
    height: 60px;
    line-height: 60px;
    background: #E9FBE4;
    box-shadow: 1px 2px 3px #E9FBE4;
    border: 1px solid #C9E9C0;
    border-radius: 4px;
    text-align: center;
    color: #0C7823;
    top: -65px
}

.message-box-change {
    width: 70px;
    height: 40px;
    padding: 0 10px;
    top:-50px;
    left: -16px;
    line-height: 3;
}

.triangle-border {
    position: absolute;
    left: 10px;
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid dashed dashed dashed;
}

.tb-border {
    bottom: -20px;
    border-color: #C9E9C0 transparent transparent transparent;
}

.tb-background {
    bottom:-19px;
    border-color:#E9FBE4 transparent transparent transparent;
}
.month-item {
    display: inline-block;
    margin: 5px 10px;
    width: 30px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #adbecb;
    text-align: center;
    cursor: pointer;
}

.month-item.item-checked {
    background-color: #50bed7;
    color: #fff !important;
    bottom: -19px;
    border-color: #E9FBE4 transparent transparent transparent;
}

.popup-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#6b1D1D1D, endColorstr=#6b1D1D1D);
    z-index: 100;
}

.popup-wrapper {
    position: absolute;
    top: 210px;
    background: white;
    border-radius: 10px;
}

.popup-title-wrapper {
    width: 100%;
    height: 30px;
    background: #009fe8;
    position: relative;
}

.popup-title-content {
    line-height: 30px;
    color: #fff;
    display: block;
    position: absolute;
    left: 25px;
    right: 60px;
    overflow: hidden;
}

.popup-close-button {
    position: absolute;
    right: 20px;
    line-height: 30px;
    top: 5px;
}

.popup-content {
    min-height: 293px;
}

.scrollbar::-webkit-scrollbar {
    width: 5px;
    height: auto;
    background-color: #f5f5f5;
}

/*定义滚动条的轨道，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 3px;
    background-color: #f5f5f5;
}

/*定义滑块，内阴影及圆角*/
.scrollbar::-webkit-scrollbar-thumb {
    /*width: 10px;*/
    height: auto;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    background-color: #41aaaa;
}

.backupInfo {
    width:100%;
    height: 200px;
    text-align: center;
    background-color: #fff;
    border:1px solid #cdd9e1;
}

/*loading*/
.by-toast-content {
    margin: 0 0 15px;
}

.by-loading-toast .by-toast-content {
    margin-top: 54%;
    font-size: 0.15rem;
}

.by-mask-transparent {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.by-toast {
    position: fixed;
    z-index: 1999;
    width: 7.6em;
    min-height: 7.6em;
    top: 30%;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(40, 40, 40, 0.75);
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
}

.by-loading {
    position: absolute;
    width: 0px;
    z-index: 2000000000;
    left: 50%;
    top: 38%;
}

.by-loading-leaf {
    position: absolute;
    top: -1px;
    opacity: 0.25;
}

.by-loading-leaf:before {
    content: " ";
    position: absolute;
    width: 8.14px;
    height: 3.08px;
    background: #ffc600;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
    border-radius: 1px;
    -webkit-transform-origin: left 50% 0px;
    transform-origin: left 50% 0px;
}

.by-loading-leaf-0 {
    -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
    animation: opacity-60-25-0-12 1.25s linear infinite;
}

.by-loading-leaf-0:before {
    -webkit-transform: rotate(0deg) translate(7.92px, 0px);
    transform: rotate(0deg) translate(7.92px, 0px);
}

.by-loading-leaf-1 {
    -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
    animation: opacity-60-25-1-12 1.25s linear infinite;
}

.by-loading-leaf-1:before {
    -webkit-transform: rotate(30deg) translate(7.92px, 0px);
    transform: rotate(30deg) translate(7.92px, 0px);
}

.by-loading-leaf-2 {
    -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
    animation: opacity-60-25-2-12 1.25s linear infinite;
}

.by-loading-leaf-2:before {
    -webkit-transform: rotate(60deg) translate(7.92px, 0px);
    transform: rotate(60deg) translate(7.92px, 0px);
}

.by-loading-leaf-3 {
    -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
    animation: opacity-60-25-3-12 1.25s linear infinite;
}

.by-loading-leaf-3:before {
    -webkit-transform: rotate(90deg) translate(7.92px, 0px);
    transform: rotate(90deg) translate(7.92px, 0px);
}

.by-loading-leaf-4 {
    -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
    animation: opacity-60-25-4-12 1.25s linear infinite;
}

.by-loading-leaf-4:before {
    -webkit-transform: rotate(120deg) translate(7.92px, 0px);
    transform: rotate(120deg) translate(7.92px, 0px);
}

.by-loading-leaf-5 {
    -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
    animation: opacity-60-25-5-12 1.25s linear infinite;
}

.by-loading-leaf-5:before {
    -webkit-transform: rotate(150deg) translate(7.92px, 0px);
    transform: rotate(150deg) translate(7.92px, 0px);
}

.by-loading-leaf-6 {
    -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
    animation: opacity-60-25-6-12 1.25s linear infinite;
}

.by-loading-leaf-6:before {
    -webkit-transform: rotate(180deg) translate(7.92px, 0px);
    transform: rotate(180deg) translate(7.92px, 0px);
}

.by-loading-leaf-7 {
    -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
    animation: opacity-60-25-7-12 1.25s linear infinite;
}

.by-loading-leaf-7:before {
    -webkit-transform: rotate(210deg) translate(7.92px, 0px);
    transform: rotate(210deg) translate(7.92px, 0px);
}

.by-loading-leaf-8 {
    -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
    animation: opacity-60-25-8-12 1.25s linear infinite;
}

.by-loading-leaf-8:before {
    -webkit-transform: rotate(240deg) translate(7.92px, 0px);
    transform: rotate(240deg) translate(7.92px, 0px);
}

.by-loading-leaf-9 {
    -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
    animation: opacity-60-25-9-12 1.25s linear infinite;
}

.by-loading-leaf-9:before {
    -webkit-transform: rotate(270deg) translate(7.92px, 0px);
    transform: rotate(270deg) translate(7.92px, 0px);
}

.by-loading-leaf-10 {
    -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
    animation: opacity-60-25-10-12 1.25s linear infinite;
}

.by-loading-leaf-10:before {
    -webkit-transform: rotate(300deg) translate(7.92px, 0px);
    transform: rotate(300deg) translate(7.92px, 0px);
}

.by-loading-leaf-11 {
    -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
    animation: opacity-60-25-11-12 1.25s linear infinite;
}

.by-loading-leaf-11:before {
    -webkit-transform: rotate(330deg) translate(7.92px, 0px);
    transform: rotate(330deg) translate(7.92px, 0px);
}

@-webkit-keyframes opacity-60-25-0-12 {
    0% {
        opacity: 0.5;
    }
    0.01% {
        opacity: 0.5;
    }
    0.02% {
        opacity: 1;
    }
    60.01% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.5;
    }
}
@-webkit-keyframes opacity-60-25-1-12 {
    0% {
        opacity: 0.5;
    }
    8.34333% {
        opacity: 0.5;
    }
    8.35333% {
        opacity: 1;
    }
    68.3433% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.5;
    }
}
@-webkit-keyframes opacity-60-25-2-12 {
    0% {
        opacity: 0.5;
    }
    16.6767% {
        opacity: 0.5;
    }
    16.6867% {
        opacity: 1;
    }
    76.6767% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.5;
    }
}
@-webkit-keyframes opacity-60-25-3-12 {
    0% {
        opacity: 0.5;
    }
    25.01% {
        opacity: 0.25;
    }
    25.02% {
        opacity: 1;
    }
    85.01% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.5;
    }
}
@-webkit-keyframes opacity-60-25-4-12 {
    0% {
        opacity: 0.5;
    }
    33.3433% {
        opacity: 0.5;
    }
    33.3533% {
        opacity: 1;
    }
    93.3433% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.5;
    }
}
@-webkit-keyframes opacity-60-25-5-12 {
    0% {
        opacity: 0.570958333333333;
    }
    41.6767% {
        opacity: 0.5;
    }
    41.6867% {
        opacity: 1;
    }
    1.67667% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.70958333333333;
    }
}
@-webkit-keyframes opacity-60-25-6-12 {
    0% {
        opacity: 0.575125;
    }
    50.01% {
        opacity: 0.5;
    }
    50.02% {
        opacity: 1;
    }
    10.01% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.575125;
    }
}
@-webkit-keyframes opacity-60-25-7-12 {
    0% {
        opacity: 0.679291666666667;
    }
    58.3433% {
        opacity: 0.5;
    }
    58.3533% {
        opacity: 1;
    }
    18.3433% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.679291666666667;
    }
}
@-webkit-keyframes opacity-60-25-8-12 {
    0% {
        opacity: 0.783458333333333;
    }
    66.6767% {
        opacity: 0.5;
    }
    66.6867% {
        opacity: 1;
    }
    26.6767% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.783458333333333;
    }
}
@-webkit-keyframes opacity-60-25-9-12 {
    0% {
        opacity: 0.687625;
    }
    75.01% {
        opacity: 0.25;
    }
    75.02% {
        opacity: 1;
    }
    35.01% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.687625;
    }
}
@-webkit-keyframes opacity-60-25-10-12 {
    0% {
        opacity: 0.791791666666667;
    }
    83.3433% {
        opacity: 0.5;
    }
    83.3533% {
        opacity: 1;
    }
    43.3433% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.791791666666667;
    }
}
@-webkit-keyframes opacity-60-25-11-12 {
    0% {
        opacity: 0.895958333333333;
    }
    91.6767% {
        opacity: 0.5;
    }
    91.6867% {
        opacity: 1;
    }
    51.6767% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.895958333333333;
    }
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes a {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateZ(0);

        transform: translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateZ(0);

        transform: translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

/*shuang start*/
.spaceFrame > .row,.indexTop > .row{
    margin-left: 0;
    margin-right: 0;
}
.spaceFrame > .row > .col-md-1,.spaceFrame > .row > .col-md-2,.spaceFrame > .row > .col-md-3,.spaceFrame > .row > .col-md-4,.spaceFrame > .row > .col-md-5,.spaceFrame > .row > .col-md-6,.spaceFrame > .row > .col-md-7,.spaceFrame > .row > .col-md-8,.spaceFrame > .row > .col-md-9,.spaceFrame > .row > .col-md-10,.spaceFrame > .row > .col-md-11,.spaceFrame > .row > .col-md-11,.spaceFrame > .row > .col-md-12,
.indexTop > .row > .col-md-1,.indexTop > .row > .col-md-2,.indexTop > .row > .col-md-3,.indexTop > .row > .col-md-4,.indexTop > .row > .col-md-5,.indexTop > .row > .col-md-6,.indexTop > .row > .col-md-7,.indexTop > .row > .col-md-8,.indexTop > .row > .col-md-9,.indexTop > .row > .col-md-10,.indexTop > .row > .col-md-11,.indexTop > .row > .col-md-11,.indexTop > .row > .col-md-12{
    padding-right: 0;
    padding-left: 0;
    height: 30px;
}

.highcharts-credits {
    display: none;
}
.sie-chart-title{
    margin-top: 30px;
    border-left: 10px solid #41aaaa;
    margin-left: 0;margin-right: 0;
    height:30px;
}
.sie-chart-title .sie-title-des{
    padding-left: 5px;
    line-height: 1.11;
    font-size: 18px;
    color: #575757;
    margin-top: 6px;
    float: left;
}

.sie-chart-btn{
    padding-right: 25px;
    line-height: 1.11;
    font-size: 18px;
    color: #575757;
    text-align:right;
    float: right;
}

.dashboard-mt-info{
    border:1px solid #cdd9e1;
    background-color: #fff;
    padding: 10px 0;
    margin: 0;
}
.dashboard-info-img{
    width:20%;
    display: inline-block;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}
.dashboard-info-img img{
    width: 100px;
    height: 60px;
}

.dashboard-info-name{
    line-height: 1;
    color: #41aaaa;
}
.dashboard-info-detail{
    line-height: 1;
    color: #666666
}
.dashboard-info-border{
    width:20%;
    display: inline-block;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}

.dashboard-service-show{
    margin: 1px 15px;
    height:50px;
    background-color: #50bed7;
    text-align: center;
    line-height:3.4;
}

.dashboard-service-scan{
    line-height: 1;
    margin-right: 8px;
}
.dashboard-service-i{
    line-height: 1;
    font-style: normal;
}

.dashboard-chart-border{
    width: 100%;
    border:1px solid #cdd9e1;
    background-color: #fff;
    padding-bottom: 20px;
}

.default{
    color: #666;
    display: inline-block;
    width: 200px;
    text-align: center;
    background-color: #ebf0f5;
}

.default span{
   line-height: 3.4
}

.default:hover,.default:active {
    color: #666;
}

.selector {
    background-color: #fff;
    color: #41aaaa !important;
}

.dashboard-chart-title{
    margin-top: 30px;
    border-left: 10px solid #41aaaa;
}

.dashboard-chart-name{
    margin-left: 5px;
    line-height: 1.11;
    font-size: 18px;
    color: #575757;
}

.dashboard-chart-line{
    width: 100%;
    border:1px solid #cdd9e1;
    background-color: #fff;
    height: 132px;
}

.dashboard-hours-hint{
    padding: 20px 15px;
}

.dashboard-hours-hint span{
    margin-left: 10px;
    margin-right: 10px;
}

.hours-hint-point{
    width:10px;
    height: 10px;
    border-radius:10px;
    background-color:#aaaa96;
    display: inline-block;
}

.static-line-border{
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #d7d7d7;
    margin-top: 30px;
}

.dashboard-chart-div{
    padding-bottom: 30px;
}

.chart-line-width{
    width: 100%;
    border:1px solid #cdd9e1;
    background-color: #fff;
    padding-bottom: 20px;
}

.chart-line-row{
    width:100%;
    background-color:#fff;
    margin: 30px 0 0 0;
    padding: 20px;
}

.chart-table-border{
    width:100%;
    border:1px solid #cdd9e1;
    background-color: #fff;
    margin-top:40px;
}

.chart-service-choose{
    padding-right: 15px;
    padding-left: 50px;
    display: -webkit-box;
    color: white;
    font-size: 12px;
}

.sie-dash-p{
    width: 100%;
    min-height: 0;
    max-height: 320px;
    line-height: 3.4;
    padding: 0 5px 10px 5px;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #adbecb;
    color: #575757;
    overflow: hidden;
}
.sie-text-overflow{
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.sie-other-condition{
    max-width: 150px;
    height: 30px;
    padding: 0 2px;
    border-radius:5px;
    display: inline-block;
}